经过JavaScript的学习和一个月快乐的复习时光，希望大家的html和CSS的知识还没有全都忘完。那么第一次任务，咱们首先来回顾一下html和css的内容吧。

另外，新的学习内容，也从大家比较容易接受的HTML5和CSS中的过渡，动画开始学习

参考资料：

学习连接：https://juejin.cn/post/6909698127689220109

大家根据这篇文章里的链接进行阅读学习，这部分内容了解即可，知道H5的新特性并了解其功能，用法，特点即可，不要求一次性全部学会

参考资料：

W3C：https://www.w3school.com.cn/css/css3_transitions.asp

https://www.w3school.com.cn/css/css3_animations.asp

菜鸟教程：https://www.runoob.com/css3/css3-transitions.html

https://www.runoob.com/css3/css3-animations.html

掘金优质博客：

https://juejin.cn/post/6844904084709834760

https://juejin.cn/post/6970885478967050254（偏应用）

https://juejin.cn/post/7032242742554001439（偏原理）

推荐大家看文档了解基本的语法后结合博客进行学习

本次学习目标：

学习进度快的同学可以学习一下CSS动画库的使用，不做强制要求

https://animate.style/

文档可以用浏览器自带的翻译工具翻译，英语基础好的同学也可以直接阅读，文档的英语难度一般都不高

注意：咱们现阶段对第三方库的引用是CDN引入

之后我们会用VScode作为主要开发工具，VScode在官网下载即可，官网地址：https://code.visualstudio.com/

前端开发常用插件推荐：https://zhuanlan.zhihu.com/p/172177801

寒假研学开始后，QQ群会发布本次切图作业的PSD文件

要求：

1.2022年1月18日晚上10点前将作业提交至开源仓库中自己的文件夹中，并将作业文件夹的 网址链接 发送给自己项目组的全栈学长学姐作业提交的时间以发送链接时间为准

2.文件夹命名格式：全栈-闫韬蒙-寒假CSS第一次任务

3.提交内容： 将文件夹提交至开源仓库，文件夹命名格式：全栈-闫韬蒙-寒假CSS第一次任务，文件夹内须包含有html文件和CSS文件 ==建议==文件夹内格式如下图：

4.不得无故不交作业，不得抄袭